如何在 Xocde 中使用 SVG 檔

大家好～我是 Jerry 是一名 iOS Developer

• 今天要和大家分享的是，如何在 iOS 開發中使用 .SVG 檔
• 蘋果原生可以使用 .PNG 以及 .JPG 的 image 格式，但是並不支援 .SVG 檔在日常開發上有時候會造成些許的不便。

那什麼是 .SVG 以及為什麼要用 .SVG

• SVG 全名 Scalable Vector Graphics

  • SVG 格式是 XML 語法的一種，並用文字格式的描述性語言來描述圖像內容，因此是一種和圖像解析度無關的向量圖形格式。

• 使用 SVG 的好處有：

  • 不論圖片尺寸大小，都不會有馬賽克先生
  • 在開發環境下的 .SVG 檔案大小都比相同尺寸的 .PNG 與 .JPG 來小得多，影響 .SVG 大小最主要的因素是裡面有多少的 Layer

• 如下面這張圖，右邊的 raster graphics (其實就和 bitmap 原理一樣)，在 pixel 固定的情況下，只要一放大，你馬上就會被超大的顆粒嚇到尿都滴出來了，為了避免這種情況，你需要繼續往下看

• 延伸閱讀：SVG Is For Everybody

*由 Yug, modifications by 3247 - 未知, CC BY-SA 2.5, https://commons.wikimedia.org/w/index.php?curid=1183592

• iOS 開發世界需要 .SVG 就如同這個世界需要一個超人一樣，在蘋果爸爸不給我們使用 .SVG 的情況下我們就只能求助網路上的大神幫助了。
• 介紹你好藥：
  (1). SVGKit
  (2), SwiftSVG
• 我個人是比較推薦使用 SwiftSVG
  • 
• 他在 github 上擁有圖文並茂的教學，相信各位稍微看一下就會使用了，這邊就不浪費版面寫重複的東西了。
  • 特別注意放入要選 New Data Set：